<!DOCTYPE html>
<html dir="ltr" lang="ja">
<head>
    <meta http-equiv="content-script-type" content="text/javascript">
<meta charset="utf-8">
<title>NEWS | KIYOMIZU-DERA TEMPLE</title>
<meta property="og:title" content="NEWS | KIYOMIZU-DERA TEMPLE">
<meta property="og:description" content="Enjoy the stunning up-to-date information of Kiyomizu-dera Temple.">
<meta property="og:url" content="news.html">
<meta property="og:image" content="img/common/ogp/news.jpg">
<meta name="keywords" content="KIYOMIZU-DERA TEMPLE,Kiyomizu,Kyoto,Japan,sightseeing,tourism">
<meta name="description" content="Enjoy the stunning up-to-date information of Kiyomizu-dera Temple.">
<meta property="og:site_name" content="KIYOMIZU-DERA TEMPLE">
<meta property="og:type" content="website">
<link rel="shortcut icon" href="favicon.ico">
<link rel="apple-touch-icon" href="shortcut.png">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/style.css" media="screen,print">
<link rel="stylesheet" href="fix.css" media="screen,print">
</head>
<body class="page-sub page-news page-news_category load loded">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-K878G3Z"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<header>
	<div class="header_base"></div>
	<div class="header_wrap">
		<a href="index.html" id="logo">
			<img class="img_w" src="img/common/icon/logo_pc_w.svg" alt="Kiyomizu-dera Temple Kyoto, Japan" width="226" height="40" decoding="async">
			<img class="img_b" src="img/common/icon/logo_pc_b.svg" alt="Kiyomizu-dera Temple Kyoto, Japan" width="226" height="40" decoding="async">
		</a>
		<nav class="pcnav">
			<ul class="gnav">
				<li class="gnav_01"><a href="#"><span class="navwrap">PR<span style="letter-spacing: 0.03em;">A</span>Y</span></a></li>
				<li class="gnav_02"><a href="#"><span class="navwrap"><span style="letter-spacing: 0.11em;">V</span>I<span style="letter-spacing: 0.11em;">S</span><span class="k target" style="letter-spacing: 0.12em;">I</span>T</span></a></li>
				<li class="gnav_03"><a href="#"><span class="navwrap">L<span style="letter-spacing: 0.11em;">E</span><span class="k target" style="letter-spacing: 0.08em;">A</span><span style="letter-spacing: 0.07em;">R</span>N</span></a></li>
				<li class="gnav_04"><a href="#"><span class="navwrap"><span style="letter-spacing: 0.06em;">L</span><span style="letter-spacing: 0.07em;">O</span><span style="letter-spacing: 0.09em;">C</span><span style="letter-spacing: 0.06em;">A</span><span style="letter-spacing: 0.13em;">T</span>I<span style="letter-spacing: 0.06em;">O</span>N</span></a></li>
				<li class="gnav_05"><a href="#"><span class="navwrap"><span style="letter-spacing: 0.06em;">F</span><span style="letter-spacing: 0.07em;">A</span>Q</span></a></li>
				<li class="gnav_06"><a href="news.html" class="current"><span class="navwrap"><span style="letter-spacing: 0.11em;">N</span>E<span style="letter-spacing: 0.07em;">W</span>S</span></a></li>
			</ul>
			<ul class="sns_nav">
				<li class="snsnav_01"><a href="https://www.facebook.com/KiyomizuderaTemple/?fref=ts" target="_blank"><span>
					<img src="img/common/icon/fb_pc_w.svg" title="" alt="Facebook" width="20" class="img_w">
					<img src="img/common/icon/fb_pc_b.svg" title="" alt="Facebook" width="20" class="img_b">
				</span></a></li>
				<li class="snsnav_03"><a href="https://www.instagram.com/feel_kiyomizudera/" target="_blank"><span>
					<img src="img/common/icon/in_pc_w.svg" title="" alt="Instagram" width="20" class="img_w">
					<img src="img/common/icon/in_pc_b.svg" title="" alt="Instagram" width="20" class="img_b">
				</span></a></li>
				<li class="snsnav_04"><a href="https://www.youtube.com/channel/UCBFW3Al5zoKJOVJaLcDUL9Q" target="_blank"><span>
					<img src="img/common/icon/yt_pc_w.svg" title="" alt="YouTube" width="44" class="img_w">
					<img src="img/common/icon/yt_pc_b.svg" title="" alt="YouTube" width="44" class="img_b">
				</span></a></li>
			</ul>
			<ul class="lan_nav">
				<li class="lan_nav_li">
					<dl class="lan_nav_li_dl">
						<dt class="lan_nav_li_dl_dt">EN</dt>
						<dd class="lan_nav_li_dl_dd"><a class="lan_nav_li_dl_dd_a" href="index.html">JA</a></dd>
					</dl>
				</li>
			</ul>
		</nav>
	</div>
</header>
<a href="javascript:void(0);" class="menubutton">
	<ul>
		<li></li>
		<li></li>
		<li></li>
	</ul>
</a>
<div id="tbsp_nav">
	<div class="base"></div>
	<nav class="tbspnav">
		<ul class="gnav">
			<li class="gnav_00"><a href="index.html"><div class="gnav_base"></div><span class="navwrap">TOP</span></a></li>
			<li class="gnav_01"><a href="#"><div class="gnav_base"></div><span class="navwrap">PRAY</span></a></li>
			<li class="gnav_02"><a href="#"><div class="gnav_base"></div><span class="navwrap">VISIT</span></a></li>
			<li class="gnav_03"><a href="#"><div class="gnav_base"></div><span class="navwrap">LEARN</span></a></li>
			<li class="gnav_04"><a href="#"><div class="gnav_base"></div><span class="navwrap">LOCATION</span></a></li>
			<li class="gnav_05"><a href="#"><div class="gnav_base"></div><span class="navwrap">FAQ</span></a></li>
			<li class="gnav_06"><a href="news.html" class="current"><div class="gnav_base"></div><span class="navwrap">NEWS</span></a></li>
		</ul>
		<div class="sns_nav_wrap">
			<div class="sns_nav_base"></div>
			<ul class="sns_nav">
				<li class="snsnav_01"><a href="https://www.facebook.com/KiyomizuderaTemple/?fref=ts" target="_blank"><img src="img/common/icon/fb.svg" title="" alt="Facebook" width="28"></a></li>
				<li class="snsnav_03"><a href="https://www.instagram.com/feel_kiyomizudera/" target="_blank"><img src="img/common/icon/in.svg" title="" alt="Instagram" width="28"></a></li>
				<li class="snsnav_04"><a href="https://www.youtube.com/channel/UCBFW3Al5zoKJOVJaLcDUL9Q" target="_blank"><img src="img/common/icon/yt.svg" title="" alt="YouTube" width="50"></a></li>
				<li class="snsnav_lan">
					<span class="snsnav_lan_span">EN
						<select class="snsnav_lan_span_select" onchange="sp_lang()">
							<option value="index.html">JP</option>
							<option selected>EN</option>
						</select>
					</span>
				</li>
			</ul>
		</div>
	</nav>
</div>
<div id="wrapAll">
    <div id="main">
        <section id="head" class="section1_1">
            <h1><span class="k" style="letter-spacing: 0.12em;">N</span><span class="k" style="letter-spacing: 0.11em;">E</span><span class="k" style="letter-spacing: 0.03em;">W</span>S</h1>
        </section>
        <section class="list">
            <div class="section_wrap">
                <article id="anc_88">
                    <div class="news_list_wrap">
                        <a href="news-detail.html">
                            <div class="pic">
                                <img src="img/top/movie_ttl2.png" alt="The Evening Special Visit 2025 spring" width="100%" style="background-color: #f0f0f0;">
                            </div>
                            <div class="tit_box">
                                <p class="data">Mar 06, 2025</p>
                                <div class="newstit">
                                    <p class="show_pc">The Evening Special Visit 2025 spring</p>
                                    <p class="show_tbsp">The Evening Special Visit 2025 spring</p>
                                </div>
                            </div>
                        </a>
                    </div>
                </article>

                <article id="anc_406">
                    <div class="news_list_wrap">
                        <a href="#news2">
                            <div class="pic">
                                <img src="img/top/movie_ttl2.png" alt="The documentary film Kiyomizu – Cycle of Blessings is released." width="100%" style="background-color: #e8e8e8;">
                            </div>
                            <div class="tit_box">
                                <p class="data">Feb 03, 2025</p>
                                <div class="newstit">
                                    <p class="show_pc">The documentary film "Kiyomizu – Cycle of Blessings" is released.</p>
                                    <p class="show_tbsp">The documentary film "Kiyomizu – Cycle of Blessings" is released.</p>
                                </div>
                            </div>
                        </a>
                    </div>
                </article>

                <article id="anc_365">
                    <div class="news_list_wrap">
                        <a href="#news3">
                            <div class="pic">
                                <img src="img/top/movie_ttl2.png" alt="In C-60th Birthday Full Moon Celebration / FEEL KIYOMIZUDERA" width="100%" style="background-color: #d8d8d8;">
                            </div>
                            <div class="tit_box">
                                <p class="data">Nov 19, 2024</p>
                                <div class="newstit">
                                    <p class="show_pc">In C-60th Birthday Full Moon Celebration / FEEL KIYOMIZUDERA</p>
                                    <p class="show_tbsp">In C-60th Birthday Full Moon Celebration / FEEL KIYOMIZUDERA</p>
                                </div>
                            </div>
                        </a>
                    </div>
                </article>

                <article id="anc_299">
                    <div class="news_list_wrap">
                        <a href="#news4">
                            <div class="pic">
                                <img src="img/top/movie_ttl2.png" alt="Oct. 18 – Nov. 8, 2024 film exhibition Kiyomizu – Cycle of Blessings" width="100%" style="background-color: #c8c8c8;">
                            </div>
                            <div class="tit_box">
                                <p class="data">Oct 08, 2024</p>
                                <div class="newstit">
                                    <p class="show_pc">Oct. 18 – Nov. 8, 2024 film exhibition "Kiyomizu – Cycle of Blessings"</p>
                                    <p class="show_tbsp">Oct. 18 – Nov. 8, 2024 film exhibition "Kiyomizu – Cycle of Blessings"</p>
                                </div>
                            </div>
                        </a>
                    </div>
                </article>

                <article id="anc_255">
                    <div class="news_list_wrap">
                        <a href="#news5">
                            <div class="pic">
                                <img src="img/top/movie_ttl2.png" alt="Notice to visitors" width="100%" style="background-color: #b8b8b8;">
                            </div>
                            <div class="tit_box">
                                <p class="data">Oct 12, 2023</p>
                                <div class="newstit">
                                    <p class="show_pc">Notice to visitors</p>
                                    <p class="show_tbsp">Notice to visitors</p>
                                </div>
                            </div>
                        </a>
                    </div>
                </article>

                <article id="anc_185">
                    <div class="news_list_wrap">
                        <a href="#news6">
                            <div class="pic">
                                <img src="img/top/movie_ttl2.png" alt="TIME Archive page Opened. / FEEL KIYOMIZUDERA" width="100%" style="background-color: #a8a8a8;">
                            </div>
                            <div class="tit_box">
                                <p class="data">Aug 18, 2022</p>
                                <div class="newstit">
                                    <p class="show_pc">"TIME" Archive page Opened. / FEEL KIYOMIZUDERA</p>
                                    <p class="show_tbsp">"TIME" Archive page Opened. / FEEL KIYOMIZUDERA</p>
                                </div>
                            </div>
                        </a>
                    </div>
                </article>
            </div>
        </section>

        <section class="foot_pager">
            <div class="section_wrap">
                <div class="pager">
                    <span class="current_page">1</span>&nbsp;
                    <a href="#" class="link_page">2</a>&nbsp;
                </div>
                <div class="arr">
                    <a href="#" class="link_next">&gt;</a>
                </div>
            </div>
        </section>
    </div>
</div>

<a href="#" id="totop">
	<img src="img/common/icon/totop.svg" alt="Back to Top" width="77" height="77" loading="lazy">
</a>

<footer>
	<a href="#" id="totop_SP">
		<img src="img/common/icon/totop.svg" alt="Back to Top" width="77" height="77" loading="lazy">
	</a>
	<div class="footer_wrap">© <span style="letter-spacing: 0.05em;">K</span><span style="letter-spacing: 0.09em;">i</span><span style="letter-spacing: 0.06em;">y</span><span style="letter-spacing: 0.09em;">o</span><span style="letter-spacing: 0.08em;">m</span><span style="letter-spacing: 0.09em;">i</span><span style="letter-spacing: 0.09em;">z</span>u<span style="letter-spacing: 0.12em;">-</span><span style="letter-spacing: 0.09em;">d</span><span style="letter-spacing: 0.09em;">e</span>ra <span style="letter-spacing: 0.03em;">T</span><span class="k target" style="letter-spacing: 0.07em;">e</span><span style="letter-spacing: 0.09em;">m</span><span style="letter-spacing: 0.07em;">p</span><span style="letter-spacing: 0.09em;">l</span>e</div>
</footer>

<!-- 本地修复脚本 -->
<script>
// 确保页面正确显示
document.addEventListener('DOMContentLoaded', function() {
    // 添加必要的类来显示内容
    document.body.classList.add('load', 'loded');

    // 隐藏加载动画
    const loading = document.getElementById('loading');
    if (loading) {
        loading.style.display = 'none';
    }

    // 确保主要内容可见
    const wrapAll = document.getElementById('wrapAll');
    if (wrapAll) {
        wrapAll.style.opacity = '1';
    }
});

// 简单的图片懒加载替代
document.addEventListener('DOMContentLoaded', function() {
    const images = document.querySelectorAll('img[data-src]');
    images.forEach(img => {
        if (img.dataset.src) {
            img.src = img.dataset.src;
        }
    });
});
</script>
</body>
</html>
